*{
	margin: 0px;
	padding: 0px;
}
body{
	height: 100%;
}
#ceBianLan{
	width: 30px;
	height: 100%;
	display: flex;
	background-color: #133e64;
	flex-direction: column;
	padding-top: 60px;
	position: fixed;
	left: 0px;
}
.dongHua{
	animation: move 1s linear forwards;
}
.dongHua2{
	animation: move2 1s linear forwards;

}
.danRu{
	animation: danRu 1s linear forwards;
}
.danChu{
	animation: danChu 1s linear forwards;
}
@keyframes danRu{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes danChu{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes move{
	0%{
		margin-left: 0px;
	}
	100%{
		margin-left: -30px;
	}
}
@keyframes move2{
	0%{
		margin-left: -30px;
	}
	100%{
		margin-left: 0px;
	}
}
.tuPian{
	width: 20px;
	height: 20px;
}
.fenLei{
	width: 30px;
	height: 50px;
	font-size:7px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #133E64;
	color: #FFFFFF;
}
#yinCang{
	width: 30px;
	height: 40px;
	margin-top: 50px;
}
#zhanKai{
	width: 20px;
	font-size: 11px;
	background-color: red;
	position: absolute;
	top: 85%;
	display: none;
	opacity: 0;
}
